<template>
  <div class="CartHead">
    <span>购物车</span>
    <span>无忧退换,购物更省心</span>
    <span>领券</span>
    <span>· · ·</span>
  </div>
</template>

<script>

</script>

<style scoped>
  .CartHead{
    height: 0.43rem;
    width: 100%;
    background-color: white;
    position: fixed;
    top: 0;
    z-index: 2;
    border-bottom: 0.01rem solid rgb(232, 232, 235);
  }
  .CartHead>span:nth-child(1){
    display: inline-block;
    height: 100%;
    line-height: 0.43rem;
    position: absolute;
    left: 0.16rem;
    font-size: 0.18rem;
  }
  .CartHead>span:nth-child(2){
    display: inline-block;
    position: absolute;
    left: 0.8rem;
    top: 0.16rem;
    font-size: 0.12rem;
    color: rgb(54, 54, 54);
  }
  .CartHead>span:nth-child(3){
    display: inline-block;
    position: absolute;
    right: 0.62rem;
    top: 0.14rem;
    font-size: 0.14rem;
    color: red;
  }
  .CartHead>span:nth-child(4){
    display: inline-block;
    position: absolute;
    right: 0.23rem;
    top: 0.14rem;
    font-size: 0.14rem;
    color: black;
    font-weight: bold;
  }
</style>
